/*
	outline.css
  -----------
  This files will outlining the div of WPU templates.

  The structure of WPU styles:
  ----------------------------

	<body>
   #layout.page
   +---#head
   +---.container
   |   +---#content
   |   |   +---.post
   |   |       +---.posthead
   |   |       +---.entry
   |   |       +---.postfoot
   |   |       +---.extend
   |   |           +---#comment-list
   |   |           +---#comment-form
   |   |
   |   +---#side
   |       +---#sidebar
   +---#footer
	</body>

*/

body { margin: 0; padding: 0; font-size: 14px; }

.page,
.container,
.content,
#side,
#head,
#footer { margin: 2px; padding: 2px; border: 1px solid #f00 }

.content .post,
.post .entry,
.post .posthead,
.post .posthead,
.post .postfoot,
.extend,
#sidebar,
#sidebar>li { margin: 2px; padding: 2px; border: 1px solid #999 }

#comment-list,
#comment-form { border: 1px solid #369 }
#comment-form { margin: 2px; padding: 2px; }

h1,h2,h3,h4,h5,h6,p { margin-top: 0 }
#content .post { background: #eee; margin-bottom: 1.5em }
#content .post h3 { margin-bottom: 0 }
#sidebar { background: #ddd }
#sidebar li { background: #ffe; }
